<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>方案详情页</title>
    <style>
        * {
            padding: 0;
            margin: 0;
        }
        
        li {
            list-style: none;
        }
        
        a {
            text-decoration: none;
        }
        
        img {
            vertical-align: middle;
        }
        
        header {
            width: 100%;
            height: 48px;
            display: flex;
            flex-direction: column;
            position: relative;
        }
        
        #top {
            width: 100%;
            height: 48px;
            background-color: #323232;
        }
        
        #top #top-con {
            width: 1100px;
            margin: auto;
            line-height: 48px;
            display: flex;
            justify-content: space-between;
        }
        
        #top-con ul {
            display: flex;
        }
        
        #top-con ul li {
            width: 88px;
            height: 48px;
            text-align: center;
        }
        
        #top-con ul li a {
            font-size: 14px;
            color: #a6a6a6;
        }
        
        #top-con ul li a:hover {
            color: #fff;
        }
        
        #top-con ul li:hover {
            background-color: #dd4012;
        }
        
        #top-con ul .point {
            background-color: #dd4012;
        }
        
        #top-con ul .point a {
            color: #fff;
        }
        
        #top-con #contact {
            display: flex;
            height: 48px;
            align-items: center;
        }
        
        #contact img {
            width: 18px;
            height: 18px;
            /* display: block; */
            margin-right: 17px;
            /* margin-top: 8px; */
            cursor: pointer;
        }
        
        #contact p {
            /* line-height: 36px; */
            font-size: 10px;
            color: #505050;
            margin-right: 24px;
        }
        
        #logo {
            width: 183px;
            height: 48px;
            position: relative;
        }
        
        #logo #logo-con {
            position: absolute;
            top: 0;
            left: 0;
        }
        
        main {
            width: 100%;
            height: 1290px;
            background-color: #f0f1f1;
            box-sizing: border-box;
            padding-top: 106px;
        }
        
        .main-con {
            width: 1100px;
            height: 1150px;
            background-color: #fff;
            margin: auto;
            box-sizing: border-box;
            padding-top: 60px;
            padding-left: 55px;
            padding-right: 55px;
            color: #333333;
        }
        
        .main-con p {
            font-size: 12px;
            margin-top: 18px;
            box-sizing: border-box;
            padding: 7px;
            border-bottom: 1px solid #f0f1f1;
            margin-bottom: 32px;
        }
        
        .main-con p span {
            color: #a1a1a1;
        }
        
        .main-con h6 {
            font-size: 14px;
            color: #5d5d5d;
            margin-top: 32px;
            line-height: 26px;
        }
        
        .main-con .bot {
            display: flex;
            justify-content: space-between;
            margin-top: 20px;
            box-sizing: border-box;
            padding: 0 5px;
        }
        
        .main-con .page6 {
            box-sizing: border-box;
            padding-bottom: 42px;
            border-bottom: 1px solid #f0f1f1;
        }
        
        .main-con .prev,
        .main-con .next {
            font-size: 13px;
            color: #999999;
        }
        
        .main-con .prev span,
        .main-con .next span {
            color: #484848;
        }
        
        footer {
            height: 82px;
            width: 100%;
            background-color: #323232;
        }
        
        #footer-con {
            width: 1100px;
            margin: auto;
            /* line-height: 82px; */
        }
        
        #about {
            float: right;
        }
        
        #about ul {
            display: flex;
            justify-content: flex-end;
            font-size: 12px;
            color: #999999;
            margin-top: 27px;
            overflow: hidden;
            text-align: right;
        }
        
        #about ul li {
            margin-right: 19px;
        }
        
        #about ul li:last-of-type {
            margin-right: 0;
        }
        
        #about p {
            font-size: 8px;
            color: #666666;
            margin-top: 8px;
            text-align: right;
        }
    </style>
</head>

<body>
    <header>
        <div id="top">
            <div id="top-con">
                <div id="logo">
                    <div id="logo-con">
                        <img src="img/logo.png" alt="">
                    </div>
                </div>
                <ul>
                    <li>
                        <a href="/index.html" target="_blank">网站首页</a>
                    </li>
                    <li>
                        <a href="#">传悦资源</a>
                    </li>
                    <li>
                        <a href="/case">传悦案例</a>
                    </li>
                    <li class="point">
                        <a href="/project">解决方案</a>
                    </li>
                    <li>
                        <a href="#">需求提交</a>
                    </li>
                </ul>
                <div id="contact">
                    <img src="img/phone.png" alt="">
                    <p>0535-60652189</p>
                    <img src="img/QQ.png" alt="">
                    <img src="img/weibo.png" alt="">
                    <img src="img/weixin.png" alt="">
                    <img src="img/Email.png" alt="">
                </div>
            </div>
        </div>
    </header>

    <main>
        <div class="main-con">
            <% projectDetail.forEach(function(item){ %>

                <%- item.content %>

                    <% }) %>
                        <!-- <h1>网络活动，社交性植入策略——社会化语境下，让消费者说出喜好</h1>
            <p>标签：&nbsp;&nbsp;<span>品牌营销&nbsp;网络推广&nbsp;网站建设&nbsp;全网营销</span></p>
            <img src="img/pro.png" alt="">
            <h6 class="page1">消费者为什么要看这些东西呢？它们提供了消费者什么利益？</h6>
            <h6 class="page2">社会化语境下，让消费者说出喜好。</h6>
            <h6 class="page3">社会化媒体的兴起，包括QQ等聊天工具，娱乐性SNS，人人、校园等人群细分总集，微博，微信，陌陌等，无论是网络平台还是移动网络平台，一系列的媒体提 供了让消费者自说其话的平台，人们在上面发表各种意见，可能针对这个意见，会有更多的声音出来，有赞成、有反对，也许他们站在了不同的角度，代表不同 属性、不同阶段的用户群体。如果是在一个群组中，活跃用户的意见，可能会影响到后来提出意见者的思想，并导致他们盲从。这些庞大的社会语言，带给品牌 营销者大量的、前所未有的、关于消费者的详细数据。作为数字营销人员，我们会从一个网络消费者的行为路径描述出具化的消费形象，并针对这个消费形象制定更为合适的营销战略。</h6>
            <h6 class="page4">社交性媒体无疑是与这个具化的、消费形象说话的最好路径。</h6>
            <h6 class="page5">如以下的案例，具化的消费形象能让我们知道，他是个移动的年轻用户，对新的优惠活动有积极兴趣。</h6>
            <h6 class="page6">贵州电信的合作，利用的就是移动社交平台，针对贵州地区的APP社交游戏，生活应用进行植入投放。在层层筛选，精准定向到目标受众，推送到受众面前的， 不再是硬绑绑的广告，而是实实在在的优惠资讯。此次投放中，获得了的高点击率，无疑为我们社会化媒体投放策略打上一支强心针，从实践中检验策略的可行 性。深入了解消费者需求，激发消费者参与度，要达到这一点目的，要求的已经远远超越传统的网络投放的思维和方法。通过对于用户接触到的各个接触点的分析监测，然后进行全局性，系统性的分析，优化数字营销策略，让消费者说出品牌喜好。</h6>

            <div class="bot">
                <h6 class="prev">上一个：<span>关于传悦网站减少根本的话想刘克军</span></h6>

                <h6 class="next">下一个：<span>关于传悦网站减少根本的话想刘克军</span></h6>
            </div> -->
        </div>
    </main>

    <footer>
        <div id="footer-con">
            <img src="img/bottom_logo.png" alt="">
            <div id="about">
                <ul>
                    <li>关于传悦</li>
                    <li>新闻动态</li>
                    <li>传悦观点</li>
                    <li>联系传悦</li>
                    <li>加入传悦</li>
                    <li>付款账户</li>
                </ul>
                <p>Copyright&nbsp;&copy;2013&nbsp;&nbsp;创梦网络科技有限责任公司&nbsp;&nbsp;&nbsp;||&nbsp;&nbsp;&nbsp;传悦&nbsp;&nbsp;Chnyoo.cn&nbsp;All&nbsp;Rights&nbsp;Reserved&nbsp;&nbsp;京ICP备12005221号</p>
            </div>
        </div>
    </footer>
</body>

</html>